<template>
    <div ref="mychart" style="width: 450px; height: 350px;">
    </div>
</template>

<script setup>
import { ref, onMounted } from 'vue'
import * as echarts from 'echarts'
import nightingaleChart from '../assets/data/nightingaleChart';

const mychart = ref(null)
onMounted(() => {
    let mycharts = echarts.init(mychart.value)
    mycharts.setOption(nightingaleChart)
})

</script>

<style lang="less" scoped>
</style>